<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>速乐约官网-登录</title>
        <link rel="stylesheet" href="css/uikit.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script>
             $(document).ready(function(){
             $('.gotop').on({click: function(){
                            document.body.scrollTop = 0;
                            document.documentElement.scrollTop = 0;

                    }
                })
            })
        </script>
    </head>
    <body>
        <header>
            <div class="flexR head">
                <a href="index.html" class="logo">
                    <img src="images/logo.png" />
                </a>
                <button class="uk-button navBtn" type="button">
                    <img src="images/btn.png" />
                </button>
                <nav uk-dropdown>
                    <ul class="navclass flexC uk-nav uk-dropdown-nav">
                        <li  class="active">
                            <a href="index.html" class="curra">首页</a>
                        </li>
                        <li>
                            <a href="about.html" class="curra">关于我们</a>
                        </li>
                        <li>
                            <a href="product.html" class="curra">产品中心</a>
                            <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="price.html" >产品报价</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="free.html" class="curra">免费试用</a>
                        </li>
                        <li>
                            <a href="login.html" class="curra">用户登录</a>
                        </li>
                        <li>
                            <a href="contact.html" class="curra">联系我们</a>
                        </li>
                    </ul>
                </nav>
          </div>
        </header>
        <section class="login">
            <a href="index.html" class="xlogo">
                <img src="images/ilogo.png" />
            </a>
                <div class="logintitle contairn">
                    <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">照相馆SAAS系统 </h1>
                    <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">助力于新型照相馆行业，轻松做好门店生意</span>
                </div>
            <form class="loginForm">
                <div class="group flexR">
                    <img src="images/icon4.png" />
                    <input placeholder="请输入手机号" type="tel" />
                </div>
                <div class="group flexR">
                    <img src="images/icon5.png" />
                    <input placeholder="请输入密码" />
                </div>
                <div class="groupbtn">
                   
                    <button>登录</button>
                    <div class="flexR">
                        <span>忘记密码？</span>
                        <span>注册新用户</span>
                        
                       </div>
                </div>
            </form>
            <div class="formBottom">
                <h3>第三方登录</h3>
                <div class="flexR otherL">
                    <a href="">
                        <img src="images/icon1_1.png" />
                    </a>
                    <a href="">
                        <img src="images/icon2.png" />
                    </a>
                </div>
            </div>
        </section>
    </body>
</html>